// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.

import React from 'react';

type SvgProps = {
    width?: number;
    height?: number;
}

const SvgComponent = (props: SvgProps) => (
    <svg
        width={props.width ? props.width.toString() : '376'}
        height={props.height ? props.height.toString() : '376'}
        fill='var(--center-channel-bg)'
        viewBox='0 0 376 376'
        xmlns='http://www.w3.org/2000/svg'
    >
        <g clipPath='url(#clip0_1_155)'>
            <path
                d='M314.313 195.762L308.159 103.274L266.305 129.357C245.785 125.874 240.115 125.9 224.222 117.876C214.763 113.103 202.481 116.302 196.531 119.708C187.479 109.801 128.716 124.197 122.206 127.19C104.407 122.314 78.2924 101.391 78.2924 101.391L69.3673 206.056L81.2674 208.842C82.4879 212.506 85.2088 221.122 85.2088 221.122C74.1223 235.647 87.4209 252.081 99.7279 246.663C94.3372 260.827 108.653 274.139 120.07 265.109C118.392 278.396 132.377 287.993 142.37 278.757C137.793 294.674 155.542 306.413 165.866 293.462C172.199 298.127 179.084 301.967 186.36 304.891C196.811 309.483 208.533 299.163 206.702 286.341C219.035 300.737 236.86 286.651 232.893 270.862C246.599 281.466 263.254 263.535 254.303 247.772C269.407 256.57 282.579 232.835 267.907 217.743L314.313 195.762Z'
                fill='#FFBC1F'
            />
            <path
                d='M100.973 210.364C108.754 214.028 113.382 225.431 105.448 235.879L102.016 240.059C100.681 242.121 98.8452 243.801 96.6852 244.935C94.5253 246.069 92.1138 246.62 89.6831 246.534C91.2783 247.278 93.0131 247.663 94.7687 247.663C96.5242 247.663 98.259 247.278 99.8542 246.534C100.555 244.684 101.514 242.947 102.702 241.374L106.135 237.169C107.854 234.817 110.139 232.952 112.772 231.751C116.764 221.174 109.669 210.984 100.973 210.364Z'
                fill='#CC8F00'
            />
            <path
                d='M158.491 260.801C166.679 263.045 172.833 273.545 166.425 285.181L163.628 289.927C162.563 292.183 160.962 294.135 158.969 295.608C156.976 297.081 154.654 298.028 152.211 298.364C157.551 299.808 163.755 297.796 167.951 290.185L170.748 285.464C178.376 271.868 168.586 259.666 158.491 260.801Z'
                fill='#CC8F00'
            />
            <path
                d='M123.147 256.931L131.207 244.29C130.964 240.879 129.565 237.659 127.248 235.176C124.93 232.693 121.837 231.1 118.493 230.668C126.122 234.306 130.877 245.734 122.969 256.157L119.536 260.362C118.19 262.42 116.349 264.095 114.186 265.228C112.023 266.361 109.611 266.915 107.178 266.838C109.305 267.834 111.666 268.198 113.989 267.888C116.311 267.577 118.499 266.605 120.299 265.083C120.648 262.187 121.62 259.404 123.147 256.931Z'
                fill='#CC8F00'
            />
            <path
                d='M144.582 233.867C152.642 236.447 158.287 247.437 151.345 258.685L141.657 273.829C140.498 276.012 138.818 277.864 136.77 279.216C134.721 280.568 132.371 281.377 129.935 281.569C135.224 283.349 141.505 281.569 146.056 274.345L155.693 259.227C163.856 246.147 154.753 233.48 144.582 233.867Z'
                fill='#CC8F00'
            />
            <path
                d='M211.457 246.56C214.35 246.008 217.286 245.723 220.23 245.708C212.601 237.969 200.777 243.928 193.759 240.317C198.845 249.037 209.219 246.947 210.465 246.74L222.772 262.503C232.664 275.171 224.781 289.85 214.229 291.682C225.112 295.268 236.147 283.607 232.944 271.043C231.876 269.985 211.457 246.56 211.457 246.56Z'
                fill='#CC8F00'
            />
            <path
                d='M223.561 217.175C228.208 216.281 232.919 215.772 237.647 215.653C230.019 209.513 218.551 215.034 211.177 210.261C212.174 212.434 213.79 214.253 215.816 215.486C217.842 216.718 220.185 217.306 222.543 217.175L245.556 244.006C255.981 256.183 248.709 271.223 238.232 273.597C250.463 276.951 262.134 261.523 254.277 247.798C249.166 245.605 223.561 217.175 223.561 217.175Z'
                fill='#CC8F00'
            />
            <path
                d='M207.618 275.841C200.218 269.779 189.818 274.061 184.962 271.223C187.708 278.189 196.913 277.002 197.396 276.951C205.914 290.443 197.04 304.065 186.487 304.891C196.913 309.431 208.686 299.163 206.829 286.419C206.575 286.135 199.201 276.744 199.201 276.744C201.977 276.207 204.792 275.905 207.618 275.841Z'
                fill='#CC8F00'
            />
            <path
                d='M308.616 187.042C308.616 187.042 300.072 204.689 266.813 214.492C259.301 204.916 250.924 196.071 241.792 188.074C248.835 186.578 252.293 180.825 258.142 179.896C256.26 177.858 248.835 179.122 243.724 181.083C233.706 184.901 210.668 168.184 210.668 168.184L191.445 170.97C177.816 184.282 148.701 191.17 146.997 171.099C145.777 156.858 176.773 147.003 186.105 137.561C198.056 125.642 208.736 111.04 228.442 120.998C244.792 129.253 251.327 128.737 273.17 132.581C280.798 133.897 285.629 137.741 291.401 145.481C286.773 134.645 280.544 130.363 272.432 128.376L307.446 111.478L308.158 103.016L266.253 127.215C246.903 123.99 239.91 124.171 224.399 116.354C214.228 111.194 206.422 112.665 199.633 116.87C187.376 109.827 180.485 111.065 175.858 112.536C161.644 117.051 138.86 117.696 118.925 125.874C122.023 127.095 125.294 127.809 128.613 127.989C148.268 121.798 168.865 122.468 178.273 118.831C180.886 118.135 183.612 117.993 186.281 118.415C188.95 118.836 191.504 119.812 193.784 121.282C189.792 124.816 186.003 129.021 182.062 132.917C172.654 142.307 143.336 155.465 145.319 172.157C146.26 180.154 157.168 201.954 194.14 177.781L209.6 175.639C230.742 187.105 249.599 202.458 265.211 220.916C275.585 232.99 269.127 246.225 258.803 249.295C272.305 252.029 283.951 232.629 270.754 219.033L302.462 201.412L308.616 187.042Z'
                fill='#CC8F00'
            />
            <path
                d='M86.709 219.265C84.9195 214.603 83.5577 209.784 82.6406 204.869L70.2064 196.278L69.3673 206.03L80.0469 208.971C81.168 213.237 82.8802 217.319 85.1324 221.097L86.709 219.265Z'
                fill='#CC8F00'
            />
            <path
                d='M273.857 117.979L303.277 205.488C322.449 196.846 376 164.649 376 164.649L342.919 79.8489C342.919 79.8489 306.43 98.295 273.857 117.979Z'
                fill='#1E325C'
            />
            <path
                d='M40.9386 71L1.52588e-05 170.789C1.52588e-05 170.789 62.2725 206.03 73.9439 208.687C80.4279 210.158 111.475 120.121 109.848 118.986C92.8113 107.17 40.9386 71 40.9386 71Z'
                fill='#1E325C'
            />
        </g>
        <defs>
            <clipPath id='clip0_1_155'>
                <rect
                    width={376}
                    height={376}
                    fill='white'
                />
            </clipPath>
        </defs>
    </svg>
);

export default SvgComponent;
